<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
<title>无标题文档</title>
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
</head>

<body>

    <div class="swiper-container">
        <div class="swiper-wrapper">
        
            <div class="swiper-slide one-slide">
            	<div class="one-inner">
                	<div class="one-img-box">
                        <div class="one-slide-a"><img src="images/one-0.png" width="130"></div>
                        <div class="one-slide-b"><img src="images/one-1.png" width="250" height="240"></div>
                        <div class="one-slide-c"><img src="images/one-2.png" width="220"></div>
                    </div>
                </div>
                
                <div class="dda"></div>
                <div class="ddb"></div>
                <div class="ddc"></div>
                <div class="ddd"></div>
                <div class="dde"></div>
                <div class="ddf"></div>
                <div class="ddg"></div>
                
                <p class="show-up"><img src="images/slip.png" width="36"></p>
                <img _src="images/one-bg.jpg" style="display:none" id="first-load">
            </div>
            
            <div class="swiper-slide two-slide">
                <div class="two-slide-b slide-p-title"><img src="images/two-0.png" width="213"></div>
                <div class="two-slide-c slide-p-mess"><img src="images/two-1.png" width="213"></div>
                <div class="two-slide-d slide-p-footer"><img src="images/two-2.png" width="279"></div>
                <div class="two-slide-e"><img src="images/two-3.png" width="251"></div>
                <div class="two-slide-f"><img src="images/two-4.gif" width="118"></div>
                <p class="show-up"><img src="images/slip-b.png" width="36"></p>
            </div>
            
            <div class="swiper-slide three-slide">
                <div class="two-slide-b slide-p-title"><img src="images/three-0.png" width="213"></div>
                <div class="two-slide-c slide-p-mess"><img src="images/three-1.png" width="213"></div>
                <div class="two-slide-d slide-p-footer"><img src="images/two-2.png" width="279"></div>
                <div class="three-slide-e"><img class="load-img" thissrc="images/three-2.png" width="141"></div>
                <div class="three-slide-f"><img class="load-img" thissrc="images/three-3.png" width="105"></div>
                <p class="show-up"><img src="images/slip-b.png" width="36"></p>
            </div>
            
            <div class="swiper-slide four-slide">
                <div class="two-slide-b slide-p-title"><img src="images/four-0.png" width="213"></div>
                <div class="two-slide-c slide-p-mess"><img src="images/four-1.png" width="213"></div>
                <div class="two-slide-d slide-p-footer"><img src="images/two-2.png" width="279"></div>
                <div class="four-slide-e"><img class="load-img" thissrc="images/four-2.png" width="199"></div>
                <div class="four-slide-f"><img class="load-img" thissrc="images/four-3.png" width="49"></div>
                <p class="show-up"><img src="images/slip-b.png" width="36"></p>
            </div>
            
            <div class="swiper-slide five-slide">
                <div class="two-slide-b slide-p-title"><img src="images/five-0.png" width="213"></div>
                <div class="two-slide-c slide-p-mess"><img src="images/five-1.png" width="213"></div>
                <div class="two-slide-d slide-p-footer"><img src="images/two-2.png" width="279"></div>
                <div class="five-slide-e"><img class="load-img" thissrc="images/five-2.png" width="239"></div>
                <div class="five-slide-f"><img class="load-img" thissrc="images/five-3.png" width="124"></div>
                <div class="five-slide-h"><img class="load-img" thissrc="images/five-5.png" width="98"></div>
                <div class="five-slide-i"><img class="load-img" thissrc="images/five-6.png" width="145"></div>
                <div class="five-mask"></div>
                <div class="five-mask-f"></div>
                <p class="show-up"><img src="images/slip-b.png" width="36"></p>
            </div>
            
            <div class="swiper-slide six-slide">
            	<div class="six-inner">
                	<div class="six-img-box">
                    	<div class="six-slide-a"><img class="load-img" thissrc="images/six-0.png" width="132"></div>
                        <div class="six-slide-b"><img class="load-img" thissrc="images/six-1.png" width="190"></div>
                        <div class="six-slide-c"><img class="load-img" thissrc="images/six-2.png" width="212"></div>
                    </div>
                </div>
                <div class="six-slide-d">
                    <div class="six-word" id="six-word"></div>
                </div>
            	<p class="btn-outer"><a href="http://pay.xiaojukeji.com/api/v2/weixinapi">立即去打车</a></p>
            </div>
            
        </div>
    </div>
    
    <div class="globle-slide-logo" id="logo"><img src="images/globle-logo.png" width="62"></div>
    
    <div class="loding-mask" id="loading">
    	<p class="loading-titlt"><img src="images/loading.jpg" width="53"></p>
        <p class="loding-mess">滴滴打车</p>
        <p class="loading-footer">loading...</p>
    </div>
	
	<script type="text/ecmascript" src="js/idangerous.swiper-2.1.min.js"></script>
    <script type="text/ecmascript" src="js/index.js"></script>
</body>
</html>
